﻿
<table class="gridtable width100pct">
    <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Input Type</th>
        </tr>
    </thead>
    <!-- ko if: AreThereStudyParameters -->
    <tbody data-bind="sortable: { data: StudyParameters, afterMove: OnSort }">
        <tr>
            <td class="width50px">
                <!-- ko if: IsNew -->
                <span class="message">NEW</span>
                <!-- /ko -->
                <!-- ko ifnot: IsNew -->
                <span data-bind="text: Id"></span>
                <!-- /ko -->
            </td>
            <td class="width200px">
                <span data-bind="text: Name"></span>
            </td>
            <td class="width200px">
                <span data-bind="if:AreThereInputConfigurations()" style="float:right">
                    <!-- ko template: {name: 'ParameterInputFeatureTable'} -->
                    <!-- /ko -->
                </span>     
                <span data-bind="text: ParameterInputTypeName" style="width:100%"></span>
            </td>
        </tr>
    </tbody>
    <!-- /ko -->
    <!-- ko ifnot: AreThereStudyParameters -->
    <tbody>
        <tr>
            <td colspan="3">
                <div class="draggableContainer" data-bind="sortable: {data: StudyParameters, defaultText: 'Drag Parameters Here'}"></div>
            </td>
        </tr>
    </tbody>
    <!-- /ko -->
</table>